.layui-table tr th,td{white-space:nowrap;padding:5px;text-align:center;width:33.4%;}/* 头部部分 */
/* html {
	overflow-y: scroll;
} */
body {
	width: 100%;
	height: 100%;
	overflow-x: hidden;
}

.header {
	height: 100px;
	line-height: 100px;
}

.header-child,
.header .layui-row {
	height: 100%;
}

.logo img {
	width: 470px;
}

.login-btn,
.register-btn {
	height: 32px;
	padding: 0 15px;
	line-height: 32px;
	cursor: pointer;
	color: #fff;
	background-color: #234481;
	border: none;
	border-radius: 4px;
}

.register-btn {
	color: #595959;
	background-color: #FFFFFF;
	border: 1px solid #d9d9d9;
	margin-left: 3px;
}

/* 主体部分 */
.main-body {
	height: 90%;
	width: 100%;
}

/* 按钮组部分 */
nav {
	width: 100%;
	background-color: #393D49;
}

nav .layui-nav {
	width: 1100px;
	margin: 0 auto;
}

.layui-nav .layui-nav-item {
	line-height: 50px;
}



.flex-contain {
	display: flex;
	height: 100%;

}

/* 地图主体部分 */
.map-box {
	position: relative;
	width: 100%;
	height: 100%;
}
.map-box .layer-switcher{
	top: 4.5rem;
	left: 0.5rem;
}
.map-iocn {
	position: absolute;
	height: 40px;
	top: 8px;
	left: -210px;
	z-index: 1;
}

.map-iocn li {
	float: left;
	width: 30px;
	height: 30px;
	margin-right: 5px;
	border-radius: 3px;
	background: #FFFFFF;
	text-align: center;
	line-height: 38px;
	cursor: pointer;
}



#map {
	width: 100%;
	height: 100%;
	position: absolute;
	margin-left: 220px;
}

/* 鼠标位置控件层样式设置 */
#mouse-position {
	float: right;
	position: absolute;
	left: 10px;
	bottom: -25px;
	width: 200px;
	height: 20px;
	/*在地图容器中的层，要设置z-index的值让其显示在地图上层*/
	z-index: 2000;
}

/* 鼠标位置信息自定义样式设置 */
.custom-mouse-position {
	color: black;
	font-size: 16px;
	font-family: "微软雅黑";
}

/*=S 自定义鹰眼样式 */
.ol-custom-overviewmap,
.ol-custom-overviewmap.ol-uncollapsible {
	bottom: 200px;
	left: auto;
	right: 0;
	top: auto;
}

/* 鹰眼控件展开时控件外框的样式 */
.ol-custom-overviewmap:not(.ol-collapsed) {
	border: 1px solid black;
}

/* 鹰眼控件中地图容器样式 */
.ol-custom-overviewmap .ol-overviewmap-map {
	border: none;
	width: 200px;
}

/* 鹰眼控件中显示当前窗口中主图区域的边框 */
.ol-custom-overviewmap .ol-overviewmap-box {
	border: 2px solid red;
}

/* 鹰眼控件展开时其控件按钮图标的样式 */
.ol-custom-overviewmap:not(.ol-collapsed) button {
	bottom: auto;
	left: auto;
	right: 1px;
	top: 1px;
}

/*=E 自定义鹰眼样式 */
/* 左侧边栏部分 */
.left-side {
	position: relative;
	float: left;
	height: 100%;
	z-index: 2;
}

.left-contain {
	width: 220px;
	height: 100%;
	padding-top: 10px;
	background-color: #f2f2f2;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
}


/* 图层控件层样式设置 */
.layerControl {
	position: absolute;
	bottom: 5px;
	min-width: 200px;
	max-height: 200px;
	right: 0px;
	top: 50px;
	/*在地图容器中的层，要设置z-index的值让其显示在地图上层*/
	z-index: 2001;
	color: #ffffff;
	background-color: #4c4e5a;
	/*边缘的宽度*/
	border-width: 10px;
	/*圆角的大小 */
	border-radius: 10px;
	/*边框颜色*/
	border-color: #000 #000 #000 #000;
}

.layerControl .title {
	font-weight: bold;
	font-size: 15px;
	margin: 10px;
}

.layerTree li {
	list-style: none;
	margin: 5px 10px;
}

/* 查询条件 */
.layui-colla-content {
	padding-right: 0;
}

.right-side .layui-tab {
	margin-top: 0;
	height: 100%;
}

.card-bottom {
	width: 441px;
	margin: 0;
}

.layui-tab-content .special {
	border: 1px solid #eee;
}

.content-one-first {
	height: 205px;
	border-bottom: 1px solid #eee;
}

.content-one-second {
	height: 300px;
	padding: 10px;
	padding-bottom: 100px;
	margin-bottom: 5px;
	overflow-y: scroll;
	overflow-x: hidden;
}

/* 隐藏边栏 */
.hide {
	display: none;
}

/* 右侧下面 */
.select-calendar {
	width: 100%;
	height: 35px;
	padding: 5px 5px 10px;

}

.select-calendar .layui-input {
	padding-left: 0;
}

.select-calendar div {
	display: inline-block;
}

.select-calendar input {
	cursor: pointer;
	width: 130px;
	margin-left: 10px;
	text-align: center;
}

/* 传感器 */
.sensor {
	width: 100%;
	/* height: 200px; */
	margin-top: 10px;
	padding: 0 5px;
}

.sensor ul li {
	padding-bottom: 10px;
}

.sensor ul li .input-title {
	float: left;
	display: inline-block;
	width: 100px;
}

.sensor .input-right {
	float: left;
	display: inline-block;
}

/* 测试 */
.sensor .layui-form-checkbox[lay-skin=primary] {
	width: 80px;
}
.letf-box {
	float: left;
}
.left {
	float: left;
	width: 100px;
	height: 20px;
}

.sensor .right-box {
	float: right;
	width: 277px;
}

.right input {
	padding-bottom: 10px;
}

.right .layui-form-checkbox[lay-skin=primary] {
	margin-bottom: 10px;
}

/* shp导入 */
.shp-first {
	width: 100%;
	height: 40px;
	margin-bottom: 30px;
}

.shp-first input {
	display: inline-block;
	width: 67%;
}

.shp-first .layui-input-block {
	margin-left: 0;
}

.shp-second p {
	margin: 10px 0;
	color: #737373;
	font-size: 12px;
	text-align: center;
}

#btn-test3,#btn-test4 {
	margin-top: -3px;
	padding: 0 10px;
	margin-left: 5px;
	background-color: #234481;
}

/* 经纬度 */
.latitude {
	width: 100%;
	height: 85px;
}

.latitude li {
	float: left;
	width: 50%;
	margin: 3px 0 3px 0;
}

.latitude li span {
	color: #585858;
}

.latitude li input {
	display: inline-block;
	width: 95px;
	height: 29px;
	margin-left: -5px;
	padding-left: 8px;
	border: 1px solid #d9d9d9;
	border-radius: 3p;
}

.latitude-btns {
	text-align: center;
}

.latitude-btns .layui-btn {
	height: 32px;
	line-height: 32px;
	background-color: #234481;
	border-radius: 4px;
}

/* 隐藏按钮 */
.right-side {
    height: 100%;
	position: relative;
	float: right;
	z-index: 2;
    margin-bottom: 0px;
}

.hide-btn {
	position: absolute;
	z-index: 10;
	padding: 0 4px;
	top: 40%;
	width: 12px;
	height: 40px;
	cursor: pointer;
	background: url() no-repeat 0 0;
}

#hide-right {
	left: -12px;
}

#hide-left {
	right: -18px;
	background: url(../img/left-hide.png) no-repeat 0 0;
}

/* 滑块 */
.silder-box {
	width: 100%;
	height: 20px;
	margin: 20px 0;
	padding-right: 10px;
	padding-left: 5px;
}

.silder-box span {
	display: inline-block;
	width: 60px;
	color: #5f5f5f;
}

.silder-box .silder {
	display: inline-block;
	width: 148px;
	margin-right: 15px;
}

.silder-box input {
	display: inline-block;
	width: 55px;
	height: 100%;
	border-radius: 3px;
	color: #5b5b5b;
	padding: 2px 5px;
	background-color: #FFFFFF;
	border: 1px solid #d9d9d9;
}

.query-btns,
.result-btns {
	text-align: center;
}

.query-btns .layui-btn,
.result-btns .layui-btn {
	height: 32px;
	line-height: 32px;
	background-color: #234481;
	border-radius: 4px;
}

.query-btns .reset {
	border: 1px solid #e7e7e7;
	background-color: #FFFFFF;
	color: #7c7c7c;
}

.result-text {
	margin-top: 20px;
	text-align: center;
	color: #585858;
}

/* 页面登录窗口 */
.login-window
{
	position: relative;
	width: 400px;
	background-color: #f5f5f5;
}
.input-window {
	position: relative;
	background-color: #f5f5f5;
}
.login-box {
	padding: 55px 50px;
}

.login-title {
	position: absolute;
	top: -11px;
	left: 50%;
	transform: translateX(-50%);
	color: #fff;
	font-size: 16px;
	height: 46px;
	width: 290px;
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
	background-image: url();
	background-repeat: no-repeat;

}

.login-box input,
.input-box input{
	height: 32px;
	padding: 4px 11px;
	color: rgba(0, 0, 0, .65);
	font-size: 14px;
	border: 1px solid #d9d9d9;
	border-radius: 4px;
	margin-bottom: 30px;
}
.login-box input {
	width: 300px;
}

.login-box .layui-btn {
	width: 100%;
}

.login-box .layui-input-block {
	margin-left: 0;
}

.login-footer {
	margin: 15px 0 16px;
	font-size: 12px;
	color: #666;
}

.login-footer-passwd {
	float: left;
	cursor: pointer;
}

.login-footer-register {
	float: right;
	cursor: pointer;
}

.login-footer span:hover {
	color: #234481;
}
/* 影像入库 */
.input-window {
	padding: 20px;
	height: 180px;
}
.input-box label {
	display: inline-block;
	font-size: 16px;
	color: #585858;
	margin-bottom: 8px;
}
.batch {
	font-size: 16px;
	color: #585858;
}
.input-box .layui-input-block {
	margin-left: 0;
	float: right;
	margin-top: 20px;
}
/* 行政区 */
.select-label {
	float: left;
	width: 90px;
	height: 32px;
	font-weight: 400;
	line-height: 32px;
	text-align: right;
	margin-right: 10px;
}

.layui-input,
.layui-textarea {
	width: 72%;
}

.select-item {
	margin-top: 20px;
	width: 100%;
	height: 32px;
	color: #585858;
}

.layui-form-select .layui-edge {
	right: 27px;
	color: #999999;
}

.layui-form-select dl {
	min-width: 285px;
	left: 101px;
	color: #999999;
}
